<%@ page contentType="text/html;charset=UTF-8" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt" %>
<!DOCTYPE html>
<html>
<head>
    <title>
        服务详情
    </title>
    <link href="${ctx}/static/fancybox/fancybox.css" rel="stylesheet">
</head>

<body>

<div id="wrapper">
    <div class="gray-bg">
        <div class="wrapper wrapper-content animated fadeInRight">
            <div class="row">
                <div class="col-lg-12">
                    <div class="ibox float-e-margins">
                        <div class="ibox-content f12">
                            <div class="form-group"><label class="col-sm-2 control-label">服务居民</label>
                                <div class="col-sm-8">
                                    <p>${medRecord.ename}</p>
                                </div>
                            </div>
                            <div class="form-group"><label class="col-sm-2 control-label">联系方式</label>
                                <div class="col-sm-8">
                                    <p>${medRecord.emobile}</p>
                                </div>
                            </div>
                            <div class="form-group"><label class="col-sm-2 control-label">服务项目</label>
                                <div class="col-sm-8">
                                    <p>${medRecord.itemTitle}</p>
                                </div>
                            </div>
                            <div class="form-group"><label class="col-sm-2 control-label">服务包</label>
                                <div class="col-sm-8">
                                    <p>${medRecord.packageTitle}</p>
                                </div>
                            </div>
                            <div class="form-group"><label class="col-sm-2 control-label">服务时间</label>
                                <div class="col-sm-8">
                                    <p><fmt:formatDate value="${medRecord.createTime}" pattern="yyyy-MM-dd HH:mm:ss"/></p>
                                </div>
                            </div>
                            <div class="form-group"><label class="col-sm-2 control-label">服务机构</label>
                                <div class="col-sm-8">
                                    <p>${teamOrg}</p>
                                </div>
                            </div>
                            <div class="form-group"><label class="col-sm-2 control-label">服务团队</label>
                                <div class="col-sm-8">
                                    <p>${medRecord.teamName}</p>
                                </div>
                            </div>
                            <div class="form-group"><label class="col-sm-2 control-label">服务人</label>
                                <div class="col-sm-8">
                                    <p>${medRecord.servantName}</p>
                                </div>
                            </div>
                            <div class="form-group"><label class="col-sm-2 control-label">记录说明</label>
                                <div class="col-sm-8">
                                    <p>${medRecord.details}</p>
                                </div>
                            </div>
                            <div class="form-group"><label class="col-sm-2 control-label">服务图片</label>
                                <div class="col-sm-8">
                                    <c:forEach items="${images}" var="val" varStatus="status">
                                        <a href="${val}" class="fancybox"  ref="ref">
                                            <img src="${val}" width="100px" height="80px"/>
                                        </a>
                                    </c:forEach>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

    </div>
</div>
<script src="${ctx}/static/fancybox/jquery.fancybox.pack.js"></script>
<script>
    $(function(){
        $(".fancybox").fancybox();
    })
    function cancel() {
        layer.close(index);// 关闭窗口
        var index = parent.layer.getFrameIndex(window.name);
    }
</script>
</body>

</html>
